$(function() {



    $("#mensaje").fadeOut(3000);
    $("#mensajesUsuario").delay(4000).fadeOut('normal');
    $("#probarApp").click(function() {
        $("html, body").animate({scrollTop: 600}, "slow");
        return false;
    });
    $("#buttonComenzar").click(function() {
        $("#spanError1").html("");
        $("#spanError2").html("");
        $("#spanError3").html("");
        var flag = true;
        if ($("#nombre").val() == "") {
            $("#nombre").focus().attr("placeholder", "Campo obligatorio").addClass("obligatorio");
            flag = false;
        }

        if ($("#email").val() == "") {
            if (flag) {
                $("#email").focus().attr("placeholder", "Campo obligatorio").addClass("obligatorio");
                flag = false;
            }


        } else if (!validar_email($("#email").val()))
        {
            if (flag) {
                $("#email").focus().attr("placeholder", "Campo obligatorio").addClass("obligatorio");
                flag = false;
            }
            alert("El Email no parece ser válido");
        }
        if (!$("#aceptoTerminos").is(":checked")) {
            if (flag) {
                alert("Debes aceptar los términos y condiciones");
            }
            flag = false;
        }
        if (!flag) {
            return false;
        } else {
            $("#coverDisplay").css({
                "opacity": "1",
                "width": "100%",
                "height": "100%"
            });
            $("#formulario").submit();
        }

    });
    function validar_email(valor)
    {
        // creamos nuestra regla con expresiones regulares.
        var filter = /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;
        // utilizamos test para comprobar si el parametro valor cumple la regla
        if (filter.test(valor))
            return true;
        else
            return false;
    }
    $(".formBlockDisplay").submit(function(e) {
        $("#coverDisplay").css({
            "opacity": "1",
            "width": "100%",
            "height": "100%"
        });
    });
});